<template>
  <div>
    <Button>Default</Button>&nbsp;
    <Button type="primary">Primary</Button>&nbsp;
    <Button type="dashed">Dashed</Button>&nbsp;
    <Button type="text">Text</Button>
    <br />
    <br />
    <Button type="info">Info</Button>&nbsp;
    <Button type="success">Success</Button>&nbsp;
    <Button type="warning">Warning</Button>&nbsp;
    <Button type="error">Error</Button>
    <br />
    <br />
    <Button type="default" ghost>Default</Button>&nbsp;
    <Button type="dashed" ghost>Dashed</Button>&nbsp;
    <Button type="info" ghost>Info</Button>&nbsp;
    <Button type="warning" ghost>Warning</Button>&nbsp;
    <Button type="error" ghost>Error</Button>
    <br />
    <br />
    <Button type="primary" shape="circle" icon="ios-search"></Button>&nbsp;
    <Button type="primary" icon="ios-search">Search</Button>&nbsp;
    <Button type="primary" shape="circle" icon="ios-search">Search</Button>&nbsp;
    <Button type="primary" shape="circle">Circle</Button>

    <br />
    <br />
    <Button shape="circle" icon="ios-search"></Button>&nbsp;
    <Button icon="ios-search">Search</Button>&nbsp;
    <Button shape="circle" icon="ios-search">Search</Button>&nbsp;
    <Button shape="circle">Circle</Button>
    <br />
    <br />
    <Button type="success" long>SUBMIT</Button>
    <br />
    <br />
    <Button type="error" long>DELETE</Button>

    <Button>Default</Button>&nbsp;
    <Button disabled>Default(Disabled)</Button>
    <br />
    <br />
    <Button type="primary">Primary</Button>&nbsp;
    <Button type="primary" disabled>Primary(Disabled)</Button>
    <br />
    <br />
    <Button type="dashed">Dashed</Button>&nbsp;
    <Button type="dashed" disabled>Dashed(Disabled)</Button>
    <br />
    <br />
    <Button type="text">Text</Button>&nbsp;
    <Button type="text" disabled>Text(Disabled)</Button>
  </div>
</template>